import React from 'react';
import Icon from '@ant-design/icons';
import type { GetProps } from 'antd';

type CustomIconComponentProps = GetProps<typeof Icon>;

const SpeakerSvg = () => (
        <svg width="14.5px" height="13.5000038px" viewBox="0 0 14.5 13.5000038" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <g  stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
            <g  transform="translate(-450.75, -289.75)">
                <g  transform="translate(450, 289)">
                    <rect x="0" y="0" width="16" height="16"></rect>
                    <g  transform="translate(1, 1)" fill="#969799" fillRule="nonzero" stroke="#969799" strokeLinejoin="round" strokeWidth="0.5">
                        <path d="M9.52520842,9.07684435 C10.3028898,8.44793106 10.7601902,7.50435273 10.7601902,6.50503189 C10.7601902,5.49056748 10.2917391,4.53802033 9.49540045,3.90927685 C9.38098541,3.81887857 9.35669802,3.65657538 9.43927203,3.53714036 C9.53119816,3.4039511 9.71842846,3.37475999 9.84557366,3.47508417 C10.7754539,4.20858221 11.3224128,5.32054585 11.3224128,6.50503189 C11.3224128,7.67048426 10.7895134,8.77083939 9.88327932,9.5046616 C9.75618104,9.60759461 9.56757451,9.58309631 9.47342764,9.45015403 C9.38916462,9.33105863 9.41177864,9.16852388 9.52520842,9.07684435 Z M11.1158058,11.3933156 C12.5949283,10.1719046 13.437793,8.39759144 13.437793,6.48413037 C13.437793,4.55957019 12.5868116,2.77844936 11.0935202,1.55669873 C10.9778228,1.46207076 10.9591967,1.29373175 11.0503878,1.17584042 C11.1473028,1.05055483 11.33042,1.02957613 11.4530924,1.13025536 C12.194632,1.7393014 12.8106841,2.50078648 13.2446825,3.34759111 C13.7459285,4.32545471 14,5.38071875 14,6.48413037 C14,7.58210822 13.7483057,8.63280294 13.2518608,9.60683821 C12.8221944,10.4499225 12.212007,11.2092928 11.4771609,11.8182308 C11.3549733,11.9194348 11.1717935,11.8993052 11.074425,11.7746216 C10.9826083,11.6569464 11.0004837,11.4885456 11.1158058,11.3933156 Z M2.94972168,3.97434323 L1.15431575,3.97434323 C0.851575687,3.97434323 0.459880898,4.21660938 0.459880898,4.51548251 L0.459880898,8.35021571 C0.459880898,8.64899622 0.851591326,8.83349762 1.15431575,8.83349762 L2.93789859,8.83238616 C3.09314709,8.83238616 3.21902553,9.01441767 3.21902553,9.16772117 L3.03778498,9.16883262 C3.03778498,9.32215156 3.02439798,9.28740317 2.86911819,9.28740317 L1.15430011,9.28740317 C0.541078668,9.28740317 0,8.95551059 0,8.35021571 L0,4.60212963 C0,3.99666494 0.541078668,3.50594246 1.15430011,3.50594246 L2.92530918,3.50594246 M6.44557343,12.7249767 L6.44174187,12.7219974 L2.79789812,9.22832629 C2.67810326,9.13087337 2.66107237,9.0571006 2.75986403,8.93876159 C2.85859314,8.82051521 3.03578319,8.80371991 3.15559368,8.90123458 L6.79748257,12.3643407 C7.00767094,12.5284191 7.28080635,12.5638159 7.52857527,12.4592465 C7.77127716,12.3566223 7.9301852,12.1420344 7.95365936,11.8849952 C7.95600521,11.8593546 7.95719378,11.8332817 7.95719378,11.8075793 L7.95719378,1.19607815 C7.95719378,1.18751069 7.95706867,1.1790976 7.95686536,1.17071538 C7.9489051,0.902546175 7.7947826,0.675423591 7.54458963,0.563104967 C7.28731218,0.447590911 7.00412088,0.483651426 6.78709826,0.659616242 L3.14247255,3.91171587 C3.02253694,4.00898356 2.84533125,3.99177145 2.74678981,3.87343245 L2.91828726,3.88278719 C2.8197771,3.76435557 2.67161306,3.66907924 2.79159559,3.57181156 L6.43020028,0.288467714 C6.81097904,-0.0202695708 7.32722295,-0.086555466 7.77739202,0.115621145 C8.22058608,0.314586889 8.41694957,0.734855518 8.43108724,1.21224055 C8.43150949,1.22607198 8.4317128,1.23991884 8.4317128,1.25382746 L8.4317128,11.7353811 C8.4317128,11.777817 8.42974228,11.8207007 8.4258638,11.8627044 C8.38348207,12.3263506 8.18571108,12.7130903 7.74977351,12.8972676 C7.5896738,12.9650106 7.41730593,13 7.24311632,13 C6.95338845,13 6.67220179,12.9031479 6.44557343,12.7249767 Z" id="形状"></path>
                    </g>
                </g>
            </g>
        </g>
        </svg>
);


const SpeakerSvgIcon = (props: Partial<CustomIconComponentProps>) => (
    <Icon component={SpeakerSvg} {...props} />
);

const CustomSpeakerIcon: React.FC = () => (
    <SpeakerSvgIcon />
);

export default CustomSpeakerIcon;
